<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ include file="/WEB-INF/jsp/business/include/doctype.jsp" %>
<script type="text/javascript" src="${requestScope.contextPath}/js/cubiq-iscroll/iscroll.js"></script>
<script type="text/javascript">
var myScroll;
function loaded() {
	myScroll = new iScroll('wrapper', { 
		checkDOMChanges: true,
		zoom: false
	});
}
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
window.addEventListener('DOMContentLoaded', setTimeout(function () { loaded(); }, 200), false);
</script>
<link rel="stylesheet" type="text/css" href="${requestScope.contextPath}/js/jquery-ui-1.8.14.custom/css/ui-lightness/jquery-ui-1.8.14.custom.css" />
<script type="text/javascript">
function goSearch(){
	var form = document.boardSearch;
	
	if(form.SearchTitle.value== ""){
		alert("제목을 입력하세요.");
		return;
	}
	form.submit();
}
$(function() {
	var dates = $('#SearchStartDate, #SearchEndDate').datepicker({
		showOn: "button",
		buttonImage: "${requestScope.contextPath}/images/reservation/cal1.gif",
		buttonImageOnly: true,
		numberOfMonths: 1,
		dateFormat: 'yy-mm-dd',
		showMonthAfterYear:true,
		showButtonPanel: true,
		monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],
		dayNamesMin: ['일', '월', '화', '수', '목', '금', '토'],
		onSelect: function(selectedDate) {
			var option = this.id == "SearchStartDate" ? "minDate" : "maxDate";
			var instance = $(this).data("datepicker");
			var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
			dates.not(this).datepicker("option", option, date);
		}
	});
});
</script>

<style type="text/css" media="all">

#wrapper { position:absolute; z-index:1; top:180px; bottom:0px; left:0; width:320px; overflow:auto; }
#scroller { position:absolute;  -webkit-tap-highlight-color:rgba(0,0,0,0); width:100%; padding:0; background:#fff; }
.noboard{border:0}
</style>

</head>
<body>
	<div id="wrap">
		<div class="header">
			<h1>콘사이스</h1>
		</div><!-- // header -->
		<div class="search_box">
      			<form name="boardSearch" method="get" action="${requestScope.contextPath}/business/mConcise/mConciseList.do">
      			<input type="hidden" name="type" value="${type }">
      				<table summary="" cellspacing="0" class="table3" id="concise">
					<caption>CONCISE 검색</caption>
					<colgroup>
						<col style="width:60px;" />
						<col style="width:80%;" />
					</colgroup>
					<tbody>
						<tr>
							<th scope="row">날짜</th>
							<td><P><input type="text" name="SearchStartDate" value="${SearchStartDate }" id="SearchStartDate" readonly="readonly" style="font-size:14px; width:60%" /> ~</P> <P><input type="text" name="SearchEndDate" title="날짜검색" style="font-size:14px; width:60%" value="${SearchEndDate }" id="SearchEndDate" readonly="readonly" /></P> </td>
						</tr>
						<tr>
							<th scope="row">분야</th>
							<td>
							    <P><input type="radio" name="SearchFirst" value=""  id="radio1"  <c:if test="${SearchFirst == ''}">checked</c:if>  class="noboard"/> <label for="radio1">전체</label>
								<input type="radio" name="SearchFirst" value="1"  id="radio2" <c:if test="${SearchFirst eq '1'}">checked</c:if> class="noboard"/> <label for="radio2">기업</label></P>
								<P><input type="radio" name="SearchFirst" value="2"  id="radio3" <c:if test="${SearchFirst eq '2'}">checked</c:if> class="noboard"/> <label for="radio3">정부</label>
								<input type="radio" name="SearchFirst" value="3"  id="radio4" <c:if test="${SearchFirst eq '3'}">checked</c:if> class="noboard"/> <label for="radio4">정치사회</label></P>
							</td>
						</tr>
						<tr>
							<th scope="row"><label for="title">제목</label></th>
							<td><input type="text" name="SearchTitle" id="SearchTitle" value="${SearchTitle }" style="width:60%" /> <a href="#" onclick="goSearch();"><img src="${requestScope.contextPath}/images/btn/btn_search2.gif" alt="게시물 제목 검색" class="input_btn" /></a></td>
						</tr>
					</tbody>
				</table>
			</form>
		</div>
		<!-- // content -->
	</div><!-- // wrap -->
</body>
</html>